import React, { Component } from 'react'
import style from './Forget.module.less'
import { LockOutlined } from '@ant-design/icons';
import { Button, Form, Input } from 'antd';

import { createHashHistory } from 'history'
const history = createHashHistory({ window })
export default class Forget extends Component {
    backHandle = () => {
        history.go(-1)
    }
    render() {
        // const { Option } = Select;
        // const prefixSelector = (
        //     <Form.Item name="prefix" noStyle>
        //         <Select
        //             style={{
        //                 width: 70,
        //             }}
        //         >
        //             <Option value="86">+86</Option>
        //             <Option value="87">+87</Option>
        //         </Select>
        //     </Form.Item>
        // );
        return (
            <div className={style.Page_box}>
                <div className={style.Forget_box}>
                    <div className={style.Forget_box_title}>
                        <p className={style.text_left} onClick={this.backHandle}>
                            返回
                        </p>
                        <p>
                            安全中心
                        </p>
                    </div>
                    <div className={style.Forget_box_coment}>

                        <Form
                            name="normal_login"
                            className="login-form"
                            initialValues={{ remember: true }}
                            onFinish={this.onFinish}

                        >
                            <Form.Item
                                name="phone"
                                className={style.aaaa}
                                rules={[{ required: true, message: '请输入你的手机号码!' }]}
                            >
                                <Input placeholder='请输入手机号' style={{ width: '80%', float: 'left' }} />
                                <Button style={{ width: '20%', float: 'right' }}>
                                    <p style={{ fontSize: '12px', textAlign: 'center' }}>验证码</p>
                                </Button>
                            </Form.Item>
                            <Form.Item
                                name="Text"
                                className={style.aaaa}
                                rules={[{ required: true, message: '请输入验证码!' }]}
                            >
                                <Input placeholder='请输入验证码' style={{ width: '100%' }} />
                            </Form.Item>
                            <Form.Item
                                className={style.aaaa}
                                name="password"
                                rules={[{ required: true, message: '请输入密码!' }]}
                            >
                                <Input
                                    prefix={<LockOutlined className="site-form-item-icon" />}
                                    type="password"
                                    placeholder="输入密码"
                                />
                            </Form.Item>
                            <Form.Item
                                className={style.aaaa}
                                name="password1"
                                rules={[{ required: true, message: '请再次输入密码!' }]}
                            >
                                <Input
                                    prefix={<LockOutlined className="site-form-item-icon" />}
                                    type="password"
                                    placeholder="再次输入密码"
                                />
                            </Form.Item>


                            <Form.Item>
                                <Button style={{ width: "20vw", display: 'block', margin: "0 auto", marginBottom: '5px' }} type="primary" htmlType="submit" className="login-form-button">
                                    确定修改
                                </Button>
                            </Form.Item>
                        </Form>
                    </div>
                </div>
            </div>
        )
    }
}
